::-webkit-scrollbar {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
}
input {
  font: 400 14px Arial;
}

ul, ol, dl {
  list-style: none;
}

p {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  font-size: 0;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-full {
  flex: 1;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-stretch {
  align-items: stretch;
}

.flex-wrap {
  flex-wrap: wrap;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.h100 {
  height: 100%;
}

.h85 {
  height: 85%;
}

.w100 {
  width: 100%;
}

.w90 {
  width: 90%;
}

.w85 {
  width: 85%;
}

.w80 {
  width: 80%;
}

.w70 {
  width: 70%;
  max-width: 70%;
  min-width: 70%;
}

.w60 {
  width: 60%;
  max-width: 60%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
  max-width: 40%;
}

.w33 {
  width: 33.33%;
}

.w39 {
  width: 39%;
}

.w30 {
  width: 30%;
  max-width: 30%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.overflow {
  overflow: auto;
}

.overflow-x {
  overflow-x: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.shadow01 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.shadow02 {
  box-shadow: 4px 4px 6px rgba(193, 193, 193, .1)
}

.shadow03 {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3)
}

.paddingT80 {
  padding-top: 80px;
}

.paddingT75 {
  padding-top: 75px;
}

.paddingT70 {
  padding-top: 70px;
}

.padding5 {
  padding: 5px;
}

.padding10 {
  padding: 10px;
}

.padding15 {
  padding: 15px;
}

.padding20 {
  padding: 20px;
}

.padding30 {
  padding: 30px;
}

.paddingH40 {
  padding-left: 40px;
  padding-right: 40px;
}

.paddingH30 {
  padding-left: 30px;
  padding-right: 30px;
}

.paddingH20 {
  padding-left: 20px;
  padding-right: 20px;
}

.paddingH15 {
  padding-left: 15px;
  padding-right: 15px;
}

.paddingH10 {
  padding-left: 10px;
  padding-right: 10px;
}

.paddingH5 {
  padding-left: 5px;
  padding-right: 5px;
}

.paddingV20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.paddingV15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.paddingV10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.paddingV5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.paddingB30 {
  padding-bottom: 30px;
}

.paddingB20 {
  padding-bottom: 20px;
}

.paddingB15 {
  padding-bottom: 15px;
}

.paddingB10 {
  padding-bottom: 10px;
}

.paddingB5 {
  padding-bottom: 5px;
}

.paddingB2 {
  padding-bottom: 2px;
}

.paddingB0 {
  padding-bottom: 0;
}

.paginationDom {
  padding-top: 20px;
  text-align: right;
}

.marginAuto {
  margin: 0 auto;
}

.margin5 {
  margin: 5px;
}

.marginH20 {
  margin-left: 20px;
  margin-right: 20px;
}

.marginH15 {
  margin-left: 15px;
  margin-right: 15px;
}

.marginH10 {
  margin-left: 10px;
  margin-right: 10px;
}

.marginH5 {
  margin-left: 5px;
  margin-right: 5px;
}

.marginB30 {
  margin-bottom: 30px;
}

.marginV20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.paddingT48 {
  padding-top: 48px;
}

.paddingT25 {
  padding-top: 25px;
}

.paddingT30 {
  padding-top: 30px;
}

.paddingT20 {
  padding-top: 20px;
}

.paddingT10 {
  padding-top: 10px;
}

.paddingT5 {
  padding-top: 5px;
}

.marginV10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.marginT30 {
  margin-top: 30px;
}

.marginT20 {
  margin-top: 20px;
}

.marginT15 {
  margin-top: 15px;
}

.marginT10 {
  margin-top: 10px;
}

.paddingL30 {
  padding-left: 30px;
}

.paddingL25 {
  padding-left: 25px;
}

.paddingL20 {
  padding-left: 20px;
}

.paddingL10 {
  padding-left: 10px;
}

.paddingL15 {
  padding-left: 15px;
}

.paddingL5 {
  padding-left: 5px;
}

.paddingR30 {
  padding-right: 30px;
}

.paddingR20 {
  padding-right: 20px;
}

.paddingR10 {
  padding-right: 10px;
}

.paddingR15 {
  padding-right: 15px;
}

.paddingR5 {
  padding-right: 5px;
}

.marginT5 {
  margin-top: 5px;
}

.paddingT15 {
  padding-top: 15px;
}

.marginB20 {
  margin-bottom: 20px;
}

.paddingB40 {
  padding-bottom: 40px;
}

.marginB15 {
  margin-bottom: 15px;
}

.marginB10 {
  margin-bottom: 10px;
}

.marginB10 {
  margin-bottom: 5px;
}

.marginR20 {
  margin-right: 20px;
}

.marginR15 {
  margin-right: 15px;
}

.marginR10 {
  margin-right: 10px;
}

.marginR5 {
  margin-right: 5px;
}

.marginL20 {
  margin-left: 20px;
}

.marginL15 {
  margin-left: 15px;
}

.marginL10 {
  margin-left: 10px;
}

.marginL5 {
  margin-left: 5px;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
}

.over-text-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap {
  white-space: nowrap
}

.over-text-two {
  text-overflow: ellipsis;
  text-overflow: -webkit-ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.over-text-three {
  text-overflow: ellipsis;
  text-overflow: -webkit-ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.cursor {
  cursor: pointer;
}

.cursorHover {
  cursor: pointer;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.fontB22 {
  font-weight: 800;
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font18 {
  font-size: 18px !important;
}

.fontB18 {
  font-size: 18px !important;
  font-weight: 800;
}

.font16 {
  font-size: 16px !important;
}

.fontB16 {
  font-size: 16px !important;
  font-weight: 800;
}

.fontB12 {
  font-size: 12px !important;
  font-weight: 800;
}

.fontW {
  font-weight: 600;
}

.font14 {
  font-size: 14px !important;
}

.fontB14 {
  font-size: 14px !important;
  font-weight: 800;
}

.font12 {
  font-size: 12px !important;
}

.font13 {
  font-size: 13px !important;
}

.fontW100 {
  font-weight: 100;
}

.fontW200 {
  font-weight: 200;
}

.fontW300 {
  font-weight: 300;
}

.fontW400 {
  font-weight: 400;
}

.fontW500 {
  font-weight: 500;
}

.fontW600 {
  font-weight: 600;
}

.fontW700 {
  font-weight: 700;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.border1 {
  border: 1px solid #DFDFDF;
}

.borderB1 {
  border-bottom: 1px solid #DFDFDF;
}

.borderR1 {
  border-right: 1px solid #DFDFDF;
}

.borderT1 {
  border-top: 1px solid #DFDFDF;
}

.borderL1 {
  border-left: 1px solid #DFDFDF;
}

.colorFF {
  color: #ffffff;
}

.colorTitle {
  color: #B0B0B0;
}

.colorValue {
  color: #666666;
}

.radius5 {
  border-radius: 5px;
}

.radius3 {
  border-radius: 3px;
}

.radius6 {
  border-radius: 6px;
}

.radius8 {
  border-radius: 8px;
}

.radius10 {
  border-radius: 10px;
}

.radius50 {
  border-radius: 50%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.left {
  left: 0;
}

.right {
  right: 0;
}

.top {
  top: 0;
}

.bottom {
  bottom: 0;
}

.lh19 {
  line-height: 19px;
}

.lh20 {
  line-height: 20px;
}

.lh24 {
  line-height: 24px;
}

.lh28 {
  line-height: 28px;
}

.lh30 {
  line-height: 30px;
}

.lh32 {
  line-height: 32px;
}

.lh38 {
  line-height: 38px;
}

.lh40 {
  line-height: 40px;
}

.outlineNone {
  outline: none;
}

.block {
  display: block;
}

.displayNone {
  display: none;
}

.break-all {
  word-wrap: break-word;
  word-break: break-all;
}

/**
自定义区域
*/
.fontColor {
  color: #9a8ee0;
}

.color01 {
  color: #000000;
}

.color02 {
  color: #232323;
}

.color03 {
  color: #555555;
}

.color04 {
  color: #888888;
}

.color05 {
  color: #999999;
}

.color05 {
  color: #aaaaaa;
}

.primary-color {
  color: #409EFF;
}

.primary-bg {
  background-color: #409EFF;
}
.bg90{
  background-color: #909090;
}
.bgF7 {
  background-color: #f7f7f7;
}

.success-color {
  color: #67C23A;
}

.success-bg {
  background-color: #67C23A;
}

.danger-color {
  color: #F56C6C;
}

.danger-bg {
  background-color: #F56C6C;
}

.bgFF {
  background-color: #fff;
}

.danger-bg {
  background-color: #F56C6C;
}

.is-error {
  .err-tip {
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f56c6c;
  }
}

.mask {
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
}

.activeInput {
  box-shadow: 4px 4px 6px rgba(193, 193, 193, .5);
}

.treeSelectPopoverDom {
  padding: 0;
}

.el-dialog__header {
  padding: 10px 20px;
  border-bottom: 1px solid #eae9e9;
}

.el-dialog__body {
  padding-bottom: 0;
}

.el-dialog__headerbtn {
  top: 15px;
}

.el-card {
  display: flex;
  flex-direction: column;
}

.el-card__body {
  flex: 1;
  overflow-x: hidden;
  padding-bottom: 0;
}
